<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>尚品汇</title>
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div class="header-info">
        <div class="container clearfix">
                <div class="left-header-nav leftfix clearfix">
                    <div class="leftfix">尚品汇欢迎您</div>
                    <ul class=" leftfix clearfix loginStuts">
                        <li><a href="">请登录</a></li>
                        <li><a href="">免费注册</a></li>
                    </ul>
                </div>
                <div class="right-header-nav rightfix">
                    <ul class="clearfix">
                        <li><a href="">我的订单</a></li>
                        <li><a href="">我的购物车</a></li>
                        <li><a href="">我的尚品汇</a></li>
                        <li><a href="">尚品汇会员</a></li>
                        <li><a href="">企业采购</a></li>
                        <li><a href="">关注尚品汇</a></li>
                        <li><a href="">合作招商</a></li>
                        <li><a href="">商家后台</a></li>
                    </ul>
                </div>
        </div>
    </div>
    <div class="header-search">
        <div class="container clearfix">
            <div class="log leftfix">
                <img src="./尚品汇_设计稿/assets/logo.png" alt="">
            </div>
            <div class="search rightfix">
                <form action="">
                    <input type="text">
                    <button></button>
                </form>
            </div>
        </div>
    </div>
    <div class="header-nav">
        <div class="container">
            <ul class="clearfix">
                <li>全部商品分类</li>
                <li><a href="">尚品超市</a></li>
                <li><a href="">优惠卷</a></li>
                <li><a href="">买撒</a></li>
                <li><a href="">尚品家电</a></li>
                <li><a href="">尚品生鲜</a></li>
                <li><a href="">PLUS会员</a></li>
                <li><a href="">进口好物</a></li>
                <li><a href="">品牌闪购</a></li>
                <li><a href="">拍卖</a></li>
                <li><a href="">五金商店</a></li>
            </ul>
        </div>
        
    </div>
    <div class="segmentation"></div>
    <div class="main-content ">
        <div class="container clearfix">
            <div class="main-left-nav leftfix">
                <ul>
                    <li><a href="">手机 运营商 数码</a></li>
                    <li><a href="">电脑 办公</a></li>
                    <li><a href="">家具 家居 家装 厨具</a></li>
                    <li><a href="">男装 女装 童装 内衣</a></li>
                    <li><a href="">美妆 个人清洁 宠物</a></li>
                    <li><a href="">女鞋 鞋包 钟表 珠宝</a></li>
                    <li><a href="">男鞋 云顶 户外</a></li>
                    <li><a href="">房产 汽车 汽车用品</a></li>
                    <li><a href="">母婴 玩具乐器</a></li>
                    <li><a href="">食品 酒类 生鲜 特产</a></li>
                    <li><a href="">艺术 礼品鲜花 农资绿植</a></li>
                    <li><a href="">医药保健 计生情趣</a></li>
                    <li><a href="">图书 文娱 教育 电子书</a></li>
                    <li><a href="">机票 酒店 旅游 生活</a></li>
                    <li><a href="">众筹 白条 保险 企业金融</a></li>
                    <li><a href="">安装 维修 清洗 二手</a></li>
                </ul>
            </div>
            <div class="main-bar leftfix">
                <img src="./尚品汇_设计稿/assets/banner主图.png" alt="">
            </div>
            <div class="main-right-nav rightfix">
                <div class="welfare">
                    <div class="title clearfix">
                        <div class="leftfix">尚品快报</div>
                        <div class="rightfix"><a href="">更多</a></div>
                    </div>
                    <div class="segmentation"></div>
                    <ul>
                        <li>毛衣+直筒裤,才是yyds</li>
                        <li>超大容量的满足感来源于</li>
                        <li>每日一件，衣柜满到塞不下</li>
                        <li>媳妇再买，我就峰给他看</li>
                    </ul>
                        
                </div>
                <div class="life"></div>
            </div>
        </div>
    </div>
</body>
</html>